<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>英雄联盟</title>
	<link rel="stylesheet" href="../../css/style.css">
</head>
<body style="background: #eee;">
<!-- 头部导航 -->
<div class="top_nav_bg">
	<div class="top_nav">
		<!-- 网站导航中的logo -->
		<div class="logo">
			<a href="#">
				<h1>英雄联盟</h1>
			</a>
		</div>
		<!-- 导航列表 -->
		<div class="nav_list">
			<ul>
				<li>
					<a href="#">
						<p>游戏资料</p>
						<span>Game Info</span>
					</a>
				</li>
				<li>
					<a href="#">
						<p>游戏资料</p>
						<span>Game Info</span>
					</a>
				</li>
				<li>
					<a href="#">
						<p>游戏资料</p>
						<span>Game Info</span>
					</a>
				</li>
				<li>
					<a href="#">
						<p>游戏资料</p>
						<span>Game Info</span>
					</a>
				</li>
				<li>
					<a href="#">
						<p>游戏资料</p>
						<span>Game Info</span>
					</a>
				</li>
			</ul>
		</div>
		<!-- 登录按钮 -->
		<div class="user_information">
			<div class="user_left">
				<img src="../../images/default.png" alt="">
				<span></span>
			</div>
			<div class="user_right">
				<a href="#">
					<p>请绑定大区或注销</p>
				</a>
			</div>
		</div>
		<!-- 掌盟图标 -->
		<a href="#" class="zhangmeng">
			<i></i>
		</a>
		<!-- 搜索按钮 -->
		<a href="#" class="screen">
			<i></i>
		</a>
	</div>
</div>
<!-- 头部广告 -->
<div class="top_advertisement">
	<img src="../../images/top_advertisement.jpg">
	<div class="word">
		<a href=""></a>

		<div class="banben">
			<p>查看详情当前游戏版本：Ver 10.8</p>
			<a href="">版本详情</a>
		</div>
	</div>
</div>
<!-- 网站的内容主体 -->
<div class="web_content">
	<!-- 网站的新闻、广告、资讯、活动等 -->
	<div class="game_index1 clearfix">
		<!-- 轮播图 -->
		<div class="banner">
			<ul>
				<li  class="check">
					<p>FPX冠军皮肤</p>
					<a href="">
						<img src="../../images/banner1.jpeg">
					</a>
				</li>
				<li>
					<p>魔女 婕拉 至臻</p>
					<a href="">
						<img src="../../images/banner4.jpeg">
					</a>
				</li>
				<li>
					<p>2020LPL春季赛季军赛</p>
					<a href="">
						<img src="../../images/banner3.jpeg">
					</a>
				</li>
				<li>
					<p>银河战争通行证</p>
					<a href="">
						<img src="../../images/banner2.jpeg">
					</a>
				</li>
				<li>
					<p>FPX冠军手办预售</p>
					<a href="">
						<img src="../../images/banner5.jpeg">
					</a>
				</li>
			</ul>
		</div>
		<!-- 新闻、公告轮播 -->
		<div class="news">
			<ul class="mean_one">
				<li class="list_one check">
					<span>综合</span>
					<ul class="mean_two">
						<h4>10.9云顶之弈版本更新公告</h4>
						<li>
							<p>公告</p>
							<a href="#">4月30日凌晨3点停机版本更新公告</a>
							<span class="time">4-13</span>
						</li>
						<li class="video">
							<p>视频</p>
							<a href="#">4月30日凌晨3点停机版本更新公告</a>
							<span class="time">4-13</span>
						</li>
						<li class="match">
							<p>赛事</p>
							<a href="#">4月30日凌晨3点停机版本更新公告4月30日凌晨3点停机版本更新公告4月30日凌晨3点停机版本更新公告</a>
							<span class="time">4-13</span>
						</li>
						<li class="match">
							<p>赛事</p>
							<a href="#">4月30日凌晨3点停机版本更新公告</a>
							<span class="time">4-13</span>
						</li>
						<li class="video">
							<p>视频</p>
							<a href="#">4月30日凌晨3点停机版本更新公告</a>
							<span class="time">4-13</span>
						</li>
						<li>
							<p>公告</p>
							<a href="#">4月30日凌晨3点停机版本更新公告</a>
							<span class="time">4-13</span>
						</li>
					</ul>
				</li>
				<li class="list_one">
					<span>公告</span>
					<ul class="mean_two">
						<h4>10.9云顶之弈版本更新公告</h4>
						<li>
							<p>公告</p>
							<a href="#">4月30日凌晨3点停机版本更新公告</a>
							<span class="time"></span>
						</li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</li>
				<li class="list_one">
					<span>赛事</span>
					<ul class="mean_two">
						<h4>10.9云顶之弈版本更新公告</h4>
						<li>
							<p>公告</p>
							<a href="#">4月30日凌晨3点停机版本更新公告</a>
							<span class="time"></span>
						</li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</li>
				<li class="list_one">
					<span>攻略</span>
					<ul class="mean_two">
						<h4>10.9云顶之弈版本更新公告</h4>
						<li>
							<p>公告</p>
							<a href="#">4月30日凌晨3点停机版本更新公告</a>
							<span class="time"></span>
						</li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</li>
				<li class="list_one">
					<span>社区</span>
					<ul class="mean_two">
						<h4>10.9云顶之弈版本更新公告</h4>
						<li>
							<p>公告</p>
							<a href="#">4月30日凌晨3点停机版本更新公告</a>
							<span class="time"></span>
						</li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</li>
			</ul>
			<a href="#" class="clear">
				阅读更多<span>最新资讯</span>
			</a>
		</div>
		<!-- 热门活动 -->
		<div class="hot_act">
			<!-- 热门活动导航 -->
			<div class="act_top">
				<h4 class="fl">热门活动</h4>
				<ul class="act_tit fr">
					<li class="fl check">
						正在进行
					</li>
					<li class="fl">
						商城特惠
					</li>
					<li class="fl">
						长期活动
					</li>
					<li class="fr">
						<a href="#">更多</a>
					</li>
				</ul>
			</div>
			<!-- 热门活动内容 -->
			<div class="active_content">
				<ul>
					<li>
						<a href="">
							<div class="act_list_top">
								<img src="../../images/activity1.jpg">
							</div>
							<div class="act_list_bottom">
								<p>LOL周边优惠</p>
								<span>长期活动</span>

							</div>
						</a>
					</li>
					<li>
						<a href="">
							<div class="act_list_top">
								<img src="../../images/activity2.jpg">
							</div>
							<div class="act_list_bottom">
								<p>十周年最强福利</p>
								<span>长期活动</span>

							</div>
						</a>
					</li>
					<li>
						<a href="">
							<div class="act_list_top">
								<img src="../../images/activity3.jpg">
							</div>
							<div class="act_list_bottom">
								<p>FPX冠军皮肤</p>
								<span>长期活动</span>

							</div>
						</a>
					</li>
					<li>
						<a href="">
							<div class="act_list_top">
								<img src="../../images/activity4.jpg">
							</div>
							<div class="act_list_bottom">
								<p>云顶挑战赛</p>
								<span>长期活动</span>

							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 游戏功能导航 -->
		<div class="game_fun_nav fr">
			<ul>
				<li class="download_game fl">
					<a href="download/lol.zip" download>
						下载游戏
					</a>
				</li>
				<li class="new_gameuser fr">
					<a href="">
						新手必备
					</a>
				</li>
				<li class="get_gift fr">
					<a href="#">
						领取中心
					</a>
				</li>
				<li class="p3">
					<a href="">
						<i class="icon"></i>
						<p>在线客服</p>
					</a>
				</li>
				<li class="p3">
					<a href="">
						<i class="icon"></i>
						<p>秩序殿堂</p>
					</a>
				</li>
				<li class="p3">
					<a href="">
						<i class="icon"></i>
						<p>游戏资料</p>
					</a>
				</li>
				<li class="p3 no-mr">
					<a href="">
						<i class="icon"></i>
						<p>峡谷之巅</p>
					</a>
				</li>
				<li class="p3">
					<a href="">
						<i class="icon"></i>
						<p>云顶之弈</p>
					</a>
				</li>
				<li class="p3">
					<a href="">
						<i class="icon"></i>
						<p>攻略中心</p>
					</a>
				</li>
				<li class="p3">
					<a href="">
						<i class="icon"></i>
						<p>LOL宇宙</p>
					</a>
				</li>
				<li class="p3 no-mr">
					<a href="">
						<i class="icon"></i>
						<p>微信绑定</p>
					</a>
				</li>
			</ul>
		</div>
		<!-- 新英雄新皮肤 -->
		<div class="new_hero fl">
			<div class="p1 fl">
				<a href="">
					<img src="../../images/0.jpg">
					<p class="word1">新英雄</p>
					<p>穿街过市，人声皆暗</p>
					<p>远古恐惧 费德提克</p>

				</a>
			</div>
			<div class="p2 fl">
				<a href="">
					<img src="../../images/0%20(1).jpg">
					<p class="word1">新皮肤</p>
					<p>FPX冠军限定皮肤限时上架</p>
					<p>FPX冠军皮肤</p>

				</a>
			</div>
		</div>
		<!-- 版本信息 -->
		<div class="version fr">
			<div class="ver_box1">
				<a href="">
					<img src="../../images/version1.jpg" alt="">
					<p></p>
					<span></span>
				</a>
			</div>
			<div class="ver_box1">
				<a href="">
					<img src="../../images/version2.jpg" alt="">
					<p></p>
					<span></span>
				</a>
			</div>
			<div class="ver_box1">
				<a href="">
					<img src="../../images/version1.jpg" alt="">
					<p></p>
					<span></span>
				</a>
			</div>
			<div class="ver_box1 zm">
				<a href="">
					周免
				</a>
				<div class="zhoumian">
					<ul>
						<li>
							<a href="">
								<img src="../../images/hero/Ashe.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Ahri.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Caitlyn.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Diana.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Lux.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Katarina.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Rakan.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Soraka.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Yuumi.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Yasuo.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Vayne.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Xayah.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Zoe.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Sona.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Sivir.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Lulu.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Kayle.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Kaisa.png">
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/hero/Janna.png">
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 视频专辑区域 -->
	<div class="game_video_bg">
		<div class="game_video">
			<!-- 最新视频 -->
			<div class="new_video fl">
				<div class="nv_tit">
					<h2>最新视频</h2>
					<ul>
						<li>
							<a href="">推荐</a>
						</li>
						<li>
							<a href="">官方</a>
						</li>
						<li>
							<a href="">娱乐</a>
						</li>
						<li>
							<a href="">赛事</a>
						</li>
						<li>
							<a href="">云顶之弈</a>
						</li>
						<li>
							<a href="">教学</a>
						</li>
					</ul>
					<a href="" class="fr no-mr">更多</a>
					<a href="" class="fr">下一页</a>	

				</div>
				<div class="nv_content">
					<ul>
						<li>
							<a href="">
								<img src="../../images/nv_content1.png">
								<p>LPL季军赛：Khan剑姬天秀反杀Theshy</p>
							</a>
							<span>1.4w次播放</span>
							<span>2020-4-30</span>
						</li>
						<li>
							<a href="">
								<img src="../../images/nv_content1.png">
								<p>LPL季军赛：Khan剑姬天秀反杀Theshy </p>
							</a>
							<span>1.4w次播放</span>
							<span>2020-4-30</span>
						</li>
						<li>
							<a href="">
								<img src="../../images/nv_content1.png">
								<p>LPL季军赛：Khan剑姬天秀反杀Theshy </p>
							</a>
							<span>1.4w次播放</span>
							<span>2020-4-30</span>
						</li>
						<li>
							<a href="">
								<img src="../../images/nv_content1.png">
								<p>LPL季军赛：Khan剑姬天秀反杀Theshy </p>
							</a>
							<span>1.4w次播放</span>
							<span>2020-4-30</span>
						</li>
						<li>
							<a href="">
								<img src="../../images/nv_content1.png">
								<p>LPL季军赛：Khan剑姬天秀反杀Theshy </p>
							</a>
							<span>1.4w次播放</span>
							<span>2020-4-30</span>
						</li>
						<li>
							<a href="">
								<img src="../../images/nv_content1.png">
								<p>LPL季军赛：Khan剑姬天秀反杀Theshy </p>
							</a>
							<span>1.4w次播放</span>
							<span>2020-4-30</span>
						</li>
						<li>
							<a href="">
								<img src="../../images/nv_content1.png">
								<p>LPL季军赛：Khan剑姬天秀反杀Theshy </p>
							</a>
							<span>1.4w次播放</span>
							<span>2020-4-30</span>
						</li>
						<li>
							<a href="">
								<img src="../../images/nv_content1.png">
								<p>LPL季军赛：Khan剑姬天秀反杀Theshy </p>
							</a>
							<span>1.4w次播放</span>
							<span>2020-4-30</span>
						</li>
					</ul>
				</div>
			</div>
			<!-- 最新专辑 -->
			<div class="new_album fr">
				<div class="na_tit">
					<h2>热门专辑</h2>
					<ul>
						<li>
							<a href="">周一</a>
						</li>
						<li>
							<a href="">周二</a>
						</li>
						<li>
							<a href="">周三</a>
						</li>
						<li>
							<a href="">周四</a>
						</li>
						<li>
							<a href="">周五</a>
						</li>
						<li>
							<a href="">周六</a>
						</li>
						<li>
							<a href="">周日</a>
						</li>
					</ul>
				</div>
				<div class="na_content">
					<ul>
						<li>
							<a href="">
								<img src="../../images/na_content1.png" alt="">
								<p>小鱼Top52020-04-29更新汇集英雄联盟最顶级精彩操作视频。</p>
								<img src="../../images/0.webp">
								<b>十月星辰大海</b>
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/na_content1.png" alt="">
								<p>小鱼Top52020-04-29更新汇集英雄联盟最顶级精彩操作视频。</p>
								<img src="../../images/0.webp">
								<b>十月星辰大海</b>
							</a>
						</li>
						<li>
							<a href="">
								<img src="../../images/na_content1.png" alt="">
								<p>小鱼Top52020-04-29更新汇集英雄联盟最顶级精彩操作视频。</p>
								<img src="../../images/0.webp">
								<b>十月星辰大海</b>
							</a>
						</li>
					</ul>
					<a href="#" class="clear">前往视频中心</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 赛事中心 -->
	<div class="game_match">
		<div class="match_tit">
			<h2>赛事中心</h2>
			<ul>
				<li>
					<a href="">春季赛常规赛</a>
				</li>
				<li class="check">
					<a href="">春季赛季后赛</a>
				</li>
			</ul>
			<a href="" class="fr">更多</a>
			<a href="" class="fr">2020英雄联盟职业联赛</a>
		</div>
		<div class="match_con clearfix">
			<div class="box1">
				<h6>第一轮</h6>
				<div class="match_details_box"> 
					<div class="match_details_tit">
						
						<span>已结束</span>
						<span>4月22日17：00</span>
						<a href="" class="video">视频</a>
						<a href="">数据</a>
					</div>
					<div class="match_details">
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
					</div>
				</div>
				<div class="match_details_box"> 
					<div class="match_details_tit">
						
						<span>已结束</span>
						<span>4月22日17：00</span>
						<a href="" class="video">视频</a>
						<a href="">数据</a>
					</div>
					<div class="match_details">
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
					</div>
				</div>
			</div>
			<div class="box1">
				<h6>第一轮</h6>
				<div class="match_details_box"> 
					<div class="match_details_tit">
						
						<span>已结束</span>
						<span>4月22日17：00</span>
						<a href="" class="video">视频</a>
						<a href="">数据</a>
					</div>
					<div class="match_details">
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
					</div>
				</div>
				<div class="match_details_box"> 
					<div class="match_details_tit">
						
						<span>已结束</span>
						<span>4月22日17：00</span>
						<a href="" class="video">视频</a>
						<a href="">数据</a>
					</div>
					<div class="match_details">
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
					</div>
				</div>
			</div>
			<div class="box1">
				<h6>第一轮</h6>
				<div class="match_details_box"> 
					<div class="match_details_tit">
						
						<span>已结束</span>
						<span>4月22日17：00</span>
						<a href="" class="video">视频</a>
						<a href="">数据</a>
					</div>
					<div class="match_details">
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
					</div>
				</div>
				<div class="match_details_box"> 
					<div class="match_details_tit">
						
						<span>已结束</span>
						<span>4月22日17：00</span>
						<a href="" class="video">视频</a>
						<a href="">数据</a>
					</div>
					<div class="match_details">
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
					</div>
				</div>
			</div>
			<div class="box1">
				<h6>总决赛</h6>
				<div class="match_details_box"> 
					<div class="match_details_tit">
						
						<span>正在直播</span>
						<span>4月22日17：00</span>
						<a href="" class="video">视频</a>
						<a href="">数据</a>
					</div>
					<div class="match_details">
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
					</div>
				</div>
				<h6>季军赛</h6>
				<div class="match_details_box"> 
					<div class="match_details_tit">
						
						<span>已结束</span>
						<span>4月22日17：00</span>
						<a href="" class="video">视频</a>
						<a href="">数据</a>
					</div>
					<div class="match_details">
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
						<div>
							<img src="../../images/es.png" alt="">
							<p>ES</p>
							<span>1</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 创作馆 -->
	<div class="create_bg">
		<div class="create_left fl">
			<div class="create_tit">
				<h2 class="fl">创作馆</h2>
				<a href="" class="fr">更多</a>
			</div>
			<div class="create_con">
				<ul>
					<li>
						<a href="">
							<img src="images/258.
							jpg" alt="">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/258.
							jpg" alt="">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/258.
							jpg" alt="">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/258.
							jpg" alt="">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/258.
							jpg" alt="">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/258.
							jpg" alt="">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/258.
							jpg" alt="">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/258.
							jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="create_right fr ">
			<ul>
				<li>
					<a href="">
						<img src="../../images/0.png" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<img src="../../images/href-bg-3.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<img src="../../images/href-bg-3.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<img src="../../images/href-bg-3.jpg" alt="">
					</a>
				</li>
			</ul>
			<a href="">合作媒体</a>
		</div>
	</div>
</div>
<audio autoplay>
	<source src="images/gyz.mp3" type="audio/mpeg"><!-- ！BGM！-->
</audio>
</body>
</html>